<template>
  <div>
      <DetailBanner></DetailBanner>
      <DetailHeader></DetailHeader>
      <div class="content">
        <DetailList :list="list"></DetailList>
      </div>
  </div>
</template>

<script>
import DetailBanner from './components/Banner'
import DetailHeader from './components/Header'
import DetailList from './components/List'
  export default {
    name: 'Detail',
    data () {
      return {
        list: [
          {
            title: '成人票',
            children:[{
              title: '成人套票',
              children: [{
                title: '成人套票，去哪儿网出售'
              }]
            },
            {
              title: '成人全家套票',
            }]
          },
          {
            title: '学生票'
          },
          {
            title: '儿童票'
          },
          {
            title: '特惠票'
          }
        ]
      }
    },
    components: {
      DetailBanner,
      DetailHeader,
      DetailList
    }
  }
</script>

<style scoped>
  .content{
    height: 50rem;
  }
</style>
